@import "~taro-ui-vue/dist/style/components/action-sheet.scss";
.hide-footer {
  .at-action-sheet__footer {
    display: none;
  }
}
.custom-comtainer {
  .at-action-sheet__container {
    border-radius: 16px 16px 0px 0px;
  }
  &-wrap {
    display: flex;
    flex-direction: column;
  }
  &-title {
    text-align: left;
    display: flex;
    margin-bottom: 48px; 
    .title {
      flex: 1;
      margin-top: 24px;
      height: 50px;
      font-size: 36px;
      font-family: PingFang SC;
      font-weight: bold;
      line-height: 48px;
      color: #303133;
      opacity: 1;
    }

    image {
      width: 48px;
      height: 48px;
    }
  } 
  &-close {
    height: 48px;
    margin-bottom: 48px; 
    text-align: right;
    image {
      width: 48px;
      height: 48px;
    }
  }
  &-footer {
    height: 112px; 
    border-top: 2px solid #F5F5F5;
  }
}
